@charset "utf-8";
@import 'layout.less';

/**************** CONTROL PANEL STYLES ***************/
div#panel-content{
    ul.dashboard-boxs{
        text-align: center;
        margin: 0px;
        li{
            border: 1px solid #cdced3;
            display: inline-block;
            padding: 5px;
            margin-left: 20px;
            margin-bottom: 5px;
            &:first-child{margin-left: 0px;}
            &:nth-child(1) div.labels p:last-child{color: #9bbf00;}
            &:nth-child(2) div.labels p:last-child{color: #ed1c24;}

            div{
                display: inline-block;
                vertical-align: middle;
                &:first-child{
                    width: 32px;
                    height: 32px;
                    margin-right: 20px;
                }
            }

            div.labels{
                p{
                    margin: 0px;
                    padding: 0px;
                    &:first-child{font-size: 14px; text-align: right;}
                    &:last-child{
                        font-size: 30px;
                        font-weight: bold;
                        line-height: 25px;
                    }
                }
            }
        }
    }
    hr{border-top-color: #cdced3; border-bottom-color: #fff;}
}

div#main-chart{
    /*margin-bottom: 20px;*/
    div.body{
        padding-left: 5px;
        padding-bottom: 10px;
        .box-sizing-border-box();

        div#chart{
            font-size: 12px;
            padding-bottom: 10px;
        }
    }
}

div#socialmediacenter{
    /*margin-bottom: 20px;*/
    div.body{padding: 0px;}

    table{width: 100%}
    table tbody tr td{
        padding: 10px;
        &:first-child{
            border-bottom: 1px solid #cdced3;
            border-right: 1px solid #cdced3;
            img{
                display: inline-block;
                vertical-align: top;
                margin-right: 5px;
                margin-top: 5px;
            }
            & div.msg{
                display: inline-block;
                vertical-align: middle;
                font-size: 13px;
                width: 78%;

                p{
                    margin-bottom: 5px; 
                    font-size: 14px; 
                    font-weight: bold;
                }
                a{color: #3f7dcb;}
            }
        }
        &:last-child{
            border-bottom: 1px solid #cdced3;
            div{text-align: center;}
        }
    }
    table tbody tr:last-child{
        td{border-bottom: none;}
    }
}

div#calendar{
    /*margin-bottom: 20px;*/
    div.header{
        display: block;
        padding-right: 0px;
        &:after{display: inline-block;}

        div.options{
            ul.dropdown-menu{
                li{
                    a{text-transform: capitalize;}
                }
            }
        }
    }

    div.header-calendar{
        background: #f8fafd; /* Old browsers */
        /* IE9 SVG, needs conditional override of 'filter' to 'none' */
        background: url();
        background: -moz-linear-gradient(top, #f8fafd 0%, #eff1f4 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8fafd), color-stop(100%,#eff1f4)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #f8fafd 0%,#eff1f4 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #f8fafd 0%,#eff1f4 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #f8fafd 0%,#eff1f4 100%); /* IE10+ */
        background: linear-gradient(top, #f8fafd 0%,#eff1f4 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8fafd', endColorstr='#eff1f4',GradientType=0 ); /* IE6-8 */

        h2{
            font-size: 18px;
            color: #7a7a7a;
            margin: 0px;
            padding: 5px 0;
            text-align: center;
        }

        span.caret{
            position: relative;
            border-color: transparent;
            border-width: 7px;
            border-style: solid;
            margin: 17px 0px;
            .opacity(.8);

            .transition(0.5s, ease);

            &.left{
                border-right-color: #7a7a7a;
                margin-left: 10px;
                float: left;
            }
            &.right{
                float: right;
                margin-right: 10px;
                border-left-color: #7a7a7a;
            }
            &:hover{
                cursor: pointer;
                .opacity(1);
            }
        }
    }

    table{
        border-collapse: collapse;
        color: #7a7a7a;
        font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
        font-size: 12px;
        background-color: #fff;
        thead{
            tr{
                background: #f8fafd; /* Old browsers */
                /* IE9 SVG, needs conditional override of 'filter' to 'none' */
                background: url();
                background: -moz-linear-gradient(top, #f8fafd 0%, #eff1f4 100%); /* FF3.6+ */
                background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8fafd), color-stop(100%,#eff1f4)); /* Chrome,Safari4+ */
                background: -webkit-linear-gradient(top, #f8fafd 0%,#eff1f4 100%); /* Chrome10+,Safari5.1+ */
                background: -o-linear-gradient(top, #f8fafd 0%,#eff1f4 100%); /* Opera 11.10+ */
                background: -ms-linear-gradient(top, #f8fafd 0%,#eff1f4 100%); /* IE10+ */
                background: linear-gradient(top, #f8fafd 0%,#eff1f4 100%); /* W3C */
                filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8fafd', endColorstr='#eff1f4',GradientType=0 ); /* IE6-8 */

                th{}
            }
        }
        tbody{
            .fc-other-month{
                background-color: #f6f9fc;
                .fc-day-number{.opacity(1);}
            }
            tr:last-child td{border-bottom: none;}
        }

        .fc-widget-header, .fc-widget-content{border: 1px solid #cdced3;}
        .fc-first{border-left: none;}
        .fc-last{border-right: none;}
    }

    .fc-event-skin{
        border: none;
        
        background: #4c90d9; /* Old browsers */
        /* IE9 SVG, needs conditional override of 'filter' to 'none' */
        background: url();
        background: -moz-linear-gradient(top, #4c90d9 0%, #2d5fb6 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4c90d9), color-stop(100%,#2d5fb6)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #4c90d9 0%,#2d5fb6 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #4c90d9 0%,#2d5fb6 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #4c90d9 0%,#2d5fb6 100%); /* IE10+ */
        background: linear-gradient(top, #4c90d9 0%,#2d5fb6 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c90d9', endColorstr='#2d5fb6',GradientType=0 ); /* IE6-8 */

        padding-left: 1px;
        padding-right: 1px;
        .border-radius(0px);
        .box-sizing-border-box();

        .fc-event-title{
            color: #fff;
            font-weight: 300;
        }
    }

    table.fc-agenda-allday{
        margin: 1px 0px 0px 1px;
        tbody tr{
            th{
                border-top: none;
                border-bottom: none;
                &:first-child{border-left: none;}
                &:last-child{border-right: none; border-left: none;}
            }
            td{ border-top: none; }
        }
    }
    table.fc-agenda-days{
        thead{
            tr{
                th{
                    &:first-child{
                        border-left: none;
                        border-right: none !important;
                    }
                    &:last-child{
                        border-left: none;
                    }
                }
            }
        }
        tbody{
            tr, td{
                border: none;
                background-color: #fff;
            }
            th.fc-widget-header:first-child{border: none !important;}
            th.fc-widget-header:last-child{border: none !important;}
        }
    }
    table.fc-agenda-slots{
        tr:first-child td, th {border-top: none;}
        tr th:first-child{border-left: none;}
    }
}

div#messages{
    /*margin-bottom: 20px;*/

    div.msg-item{
        margin-bottom: 15px;
        margin-top: 15px;
        padding: 0px 10px;

        &:nth-child(even){
            img{float: right;}
            div.msg-body{
                padding-left: 0px;
                padding-right: 60px;
                div:first-child:after{
                    border-color: transparent transparent transparent #cdced3;
                    left: auto;
                    right: -10px;
                }
            }
        }
        &:nth-child(odd){}

        img{
            vertical-align: top;
            float: left;
        }
        div.msg-body{
            display: block;
            padding-left: 60px;

            div{border: 1px solid #cdced3;}
            & div:first-child{
                font-weight: 600;
                padding: 7px;
                border-bottom: none;
                position: relative;

                &:after{
                    border-color: transparent #cdced3 transparent transparent;
                    border-style: solid;
                    border-width: 5px;
                    content: " ";
                    display: block;
                    height: 0;
                    left: -10px;
                    pointer-events: none;
                    position: absolute;
                    top: 11px;
                    width: 0;
                }
                span{color: #3f7dcb;}
            }
            & div:last-child{
                padding: 7px;
            }
        }
    }
    div.controls{
        border-top: 1px solid #cdced3;
        margin-top: 15px;
        padding: 15px;
        form{
            margin: 0px;
            text-align: center;

            button, input{ .border-radius(0px); font-size: 13px; }
            .cancel{
                border: 1px solid #cdced3;
                color: #838383;
            }
            .submit{
                border: 1px solid #2356ac;
                color: #fff;
                background: #4f95db; /* Old browsers */
                /* IE9 SVG, needs conditional override of 'filter' to 'none' */
                background: url();
                background: -moz-linear-gradient(top, #4f95db 0%, #2d61b7 100%); /* FF3.6+ */
                background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4f95db), color-stop(100%,#2d61b7)); /* Chrome,Safari4+ */
                background: -webkit-linear-gradient(top, #4f95db 0%,#2d61b7 100%); /* Chrome10+,Safari5.1+ */
                background: -o-linear-gradient(top, #4f95db 0%,#2d61b7 100%); /* Opera 11.10+ */
                background: -ms-linear-gradient(top, #4f95db 0%,#2d61b7 100%); /* IE10+ */
                background: linear-gradient(top, #4f95db 0%,#2d61b7 100%); /* W3C */
                filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4f95db', endColorstr='#2d61b7',GradientType=0 ); /* IE6-8 */
            }
        }
    }
}

div#latest-news{
    div.body{padding: 0px;}
    div.accordion{
        margin: 0px;
        div.accordion-group{
            border: none;
            border-top: 1px solid #cdced3;
            &:first-child{border-top: none;}
        }
        div.accordion-heading{
            a{font-size: 16px;}
            span.caret{
                display: inline-block;
                margin-right: 5px;
            }
        }
        div.accordion-inner{ padding: 15px; }
    }
}

/* Large desktop */
@media (min-width: 1200px) {}

@media (min-width: 1024px){}

@media (min-width: 980px){}

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
    ul.dashboard-boxs{
        width: 180px;
        margin: 0px auto !important;
        li{
            display: block !important;
            margin-left: 0 !important;
            margin-right: 0 !important;
            max-width: 170px;
        }
    }
}

/* Landscape phones and down */
@media (max-width: 480px) {
    div#messages{
        div.controls{
            input[type="text"]{width: 95%;}
        }
    }
    div.visible-small-phone{
        display: block !important;
        margin-top: 10px;
    }
    div.msg-body{
        & div:first-child{
            span{float: none;}
        }
    }
}

@media (max-width: 320px) {
    img.avatar{margin: 0px !important;}
}